Walkthrough

Updates React demo components to support portal-based rendering via new portalContainer prop across composer components, renames interaction-related props from withoutLinks to withoutInteractions, enhances touch gesture detection in attachments, refactors pull-to-refresh state management, and adjusts layout heights to use viewport units.

Changes

Sequence Diagram

sequenceDiagram
    actor User
    participant Dialog as Dialog<br/>(with ref)
    participant ContentActions
    participant RenderCallback as Render<br/>Callback
    participant Composer
    participant MentionSuggestionList
    participant Portal as React<br/>Portal

    User->>Dialog: Opens dialog
    Dialog->>ContentActions: dialogRef available
    ContentActions->>RenderCallback: Calls with (onClose,<br/>dialogElement)
    RenderCallback->>Composer: Renders ActivityComposer<br/>or CommentComposer<br/>with portalContainer={dialogElement}
    Composer->>Composer: Forwards portalContainer
    Composer->>MentionSuggestionList: Passes portalContainer prop
    MentionSuggestionList->>Portal: Creates portal<br/>with portalContainer<br/>instead of document.body
    Portal-->>Dialog: Renders mention<br/>suggestions inside dialog

Estimated Code Review Effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly Related PRs

• example: React demo - last features #223: Modifies same React demo components including Composer/ActivityComposer portal container prop, AttachmentList touch logic, and Content/ActivityContent prop renaming.
• example: React demo #214: Edits the same React demo files (ActivityContent, Composer, MentionSuggestionList, AttachmentList, ContentActions) that are extended and modified in this PR.

Suggested Reviewers

• isekovanic
• arnautov-anton

Poem

🐰 Portal doors now swing wide open, no more body scrolls,
Dialogs catch the whispered mentions in their rabbit holes,
Swipes move horizontal, scrolls go vertical and free,
Interactions renamed, cleaner now, the code doth spree! ✨

• 📝 Generate docstrings

• X
• Mastodon
• Reddit
• LinkedIn